<%@include file="/header.jsp" %>
<c:url value="/CategoryList" var="categoryListUrl" />


<div id="breadcrump">
    <ul id="breadcrump-list">
        <li>&raquo; <a href="${categoryListUrl}">Catalogus</a></li>
        <li>&raquo; ${categoryById.name}</li>
    </ul>
</div>

<table border="1">
    <tr>
        <th>Afbeelding</th>
        <th>Naam</th>
        <th>Prijs</th>
    </tr>
    <c:forEach var="product" items="${productListbyCat}">
        <c:url value="/ShowImage" var="productImgUrl">
            <c:param name="id" value="${product.image.id}" />
        </c:url>
        <c:url value="/ProductDetails" var="productDetailsUrl">
            <c:param name="product_id" value="${product.id}" />
        </c:url>
        
        <tr>
            <td><img src="${productImgUrl}" width="70px"></td>
            <td><a href="${productDetailsUrl}">${fn:escapeXml(product.name)}</a></td>
            <td>${product.price}</td>
        </tr>
    </c:forEach>
</table>

<%@include file="/footer.jsp" %>